﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/Admin.Master" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="IMark.Admin.SlideShow.Index" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <!-- DataTables CSS -->
    <link href="<%= ResolveClientUrl("~/Admin/css/plugins/dataTables.bootstrap.css") %>" rel="stylesheet" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="row">
        <div class="col-lg-12">            
            <div id="info" runat="server"></div>
            <div class="panel panel-green">
                <div class="panel-heading">
                    Danh Sách Slide Show
                </div>
                <!-- /.panel-heading -->
                <div class="panel-body">
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                            <thead>
                                <tr>
                                    <th>Tiêu đề</th>                                                                                                                                       
                                    <th class="no-sort text-center">Hình ảnh</th>
                                    <th class="text-center">Thứ tự</th>    
                                    <th class="no-sort text-center">Trạng thái</th>                                                                     
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody id="lstSlideShow" runat="server">
                                                                                             
                            </tbody>
                        </table>
                    </div>
                    <!-- /.table-responsive -->                    
                    <asp:Button ID="btnAdd" runat="server" CssClass="btn btn-primary" Text="Thêm Slide" OnClick="btnAdd_Click"/>
                </div>
                <!-- /.panel-body -->
            </div>
            <!-- /.panel -->
        </div>
        <!-- /.col-lg-12 -->
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Footer" runat="server">
    <!-- DataTables JavaScript -->
    <script src="<%= ResolveClientUrl("~/Admin/js/plugins/dataTables/jquery.dataTables.js") %>"></script>
    <script src="<%= ResolveClientUrl("~/Admin/js/plugins/dataTables/dataTables.bootstrap.js") %>"></script>
    <script>
        $(document).ready(function () {
            $('#dataTables-example').dataTable({
                'aoColumnDefs': [{
                    'bSortable': false,
                    'aTargets': -1
                }],
                "order": [[2, "asc"]]
            });
        });
    </script>
</asp:Content>
